
@mixin action-lnk-block($w: 3) {
  .edg-t, .edg-r, .edg-b, .edg-l {
    position: absolute;
    transition: all .3s ease-in;
  }
  .edg-r,.edg-l{
    transition-delay:.3s;
  }
  .edg-t {
    width: 0px;
    height: $w;
    top: 0;
    left: 0;
    background: #fff;
  }
  .edg-r {
    width: $w;
    height: 0px;
    right: 0;
    background: #fff;
  }
  .edg-b {
    width: 0px;
    height: $w;
    bottom: 0;
    right: 0;
    background: #fff;
  }
  .edg-l {
    width: $w;
    height: 0px;
    left: 0;
    bottom: 0;
    background: #fff;
  }
  &:hover,&.active {
    .edg-t {
      width: 100%;
    }
    .edg-r {
      height: 100%;
    }
    .edg-b {
      width: 100%;
    }
    .edg-l {
      height: 100%;
    }
  }
}

#home{
  .txt-outer{
    position:absolute;
    z-index: 100;
    top:50%;
    left:50%;
    text-align: center;
    margin-left:-207px;
    margin-top:-150px;
    img{
      display: block;
      &.logo{
        display: inline-block;
      }
    }
    .leanmore{
      display: inline-block;
      cursor: pointer;
      color:#fff;
      background:rgba(0,0,0,0.2);
      line-height: 3em;
      position: relative;
      padding:0 1em;
      &:hover{
        background:none;
      }
      @include action-lnk-block(1px)
    }
  }
}